<template>
    <!-- 上面两个按钮 -->
    <ButtonCom>
    </ButtonCom>
    <!-- 患者信息 -->
    <Message></Message>
    <div class="bottom-flex">
        <!-- 药品信息 -->
        <Drug></Drug>
        <!-- 销售排行 -->
        <RangeCom></RangeCom>
        <MyDialog></MyDialog>
    </div>
</template>

<script lang="ts" scoped>
import { defineComponent } from 'vue'
import ButtonCom from "./component/ButtonCom.vue"
import Message from "./component/Message.vue"
import Drug from "./component/Drug.vue"
import RangeCom from "./component/RangeCom.vue"
import MyDialog from "./component/MyDialog.vue"
export default defineComponent({
    components:{ButtonCom,Message,Drug,RangeCom,MyDialog},
    setup () {
        

        return {}
    }
})
</script>

<style scoped lang="less">
.wrap{
    margin-top: 20px;
}
.bottom-flex{
    display: flex;
    justify-content: space-between;
}


</style>